body{
    background-color: #f9f9f9
}
.header{
    height: 78px;
    min-width:960px;
}
.header .logo{
    background: url(../img/top_logo.png) no-repeat 0 13px;
    display: inline-block;
    height: 78px;
    width: 200px
}
.header a{
    /* line-height: 78px; */
    display: inline-block;
    height: 78px;
    /* width: 121px; */
    text-align: center;
}
.header a>span{
    height: 32px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    width: 121px;
    line-height: 32px;
    margin: 23px 10px 0 10px ;
    color: #000
}
.header_min{
    width: 960px;
    margin: 0 auto
}
.header .app_download span{
    color: #008bed;
    background-color: #f0f9ff;
}
.home{
    height: 460px;
    background-color: #008bed
}
.home_min{
    width: 960px;
    height: 460px;
    position: relative;
    margin: 0 auto
}
.sample{
    position: absolute;
    bottom: 0px;
    left: 31px
}
.download{

}
.wenan{
    position: absolute;
    right: 22px;
    top: 100px
}
.phone_downloda ul li a{
    display: inline-block;
    height: 64px;
    width: 194px;
    background-color: #fff;
    color: #39442e;
    font-size: 22px;
    line-height: 64px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 24px;
    margin-left: 53px
}
.wenan p{
    height: 100px;
    width: 392px;
    font-size: 16px;
    line-height: 24px;
    color: #99d1f8;
    margin-top: 5px
}
.wenan h2{
    font-size: 40px;
    font-weight: 400;
    color: #fff
}
.qr_code{
    width: 145px;
    height: 153px;
    background-color: #fff
}
.qr_code img{
    margin: 10px 0 0 5px   
}
.show{
    width: 960px;
}
.show_list{
    width: 960px;
    margin: 0 auto;
}
.show_header{
    font-size: 25px;
    height: 100px;
}
.show_1{
    color: #333333
}
.show_header span{
    display: block;
    margin: 43px 0 32px 0;
    height: 25px
}
.show_2{
    color: #d4d4d4
}
.row{
    width: 300px;
    float: left;
    margin-right:30px;
}
.row_3{
    margin: 0
}
.row img{
    width: 260px;
    height: 260px;
}
.row li{
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px

}
.row li p{
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    color: black
}
.read-more{
    width: 960px;
    margin:10px 0 30px 0;
    text-align: center;
    background-color: #e8eef2;
    height: 62px;
    line-height: 62px;
    font-size: 18px;
    color: #15527b
}
.footer{
    height: 265px;
    background-color: #e5e5e5
}
.foo_mar{
    width: 930px;
    margin: 0 auto;
    font-size: 14px;
    padding: 25px 0 0 30px;
    line-height: 28px
}
.foo_mar p{
    margin-bottom: 15px;
    width: 715px
}
.img{
    padding: 10px 5px;
    background-color:white
}
.eqcode_bot p{
    width: 100%;
    text-align: center;
    background-color: #e5e5e5;
    margin-top: 8px;
    font-size: 16px
}

/* 屏幕适配 */
@media screen and (max-width:980px) {
    .row{
        float: none;
        width: 100%
    }
}
.moble_header h4{
    font-size: 17px;
    color: #484746
}
.moble_header p{
    color: #cecbc5;
    margin-top: 5px
}
.m_download a{
    height: 28px;
    width: 66px;
    color: white;
    background-color: #17b6ff;
    display: block;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
    margin-top:10px 
}
.m_logo{
    margin-right:10px
}
.moble_header{
    max-width: 320px;
    margin: 0 auto;
    height: 74px;
    padding-top: 16px;
}
.m_sample{
    max-width: 360px;
    margin: 0 auto
}
.main_content{
    max-width: 320px;
    margin: 0 auto;
    font-size: 16px;
}
.main_content p{
    margin-top:16px ;
    line-height: 32px
}
.main_content p a{
    color: #028ac6
}
.m_bottom_download{
    display: block;
    background-color: #0c96ff;
    color: white;
    height: 43px;
    max-width: 320px;
    text-align: center;
    line-height: 43px;
    border-radius: 3px;
    font-size: 18px;
    margin: 40px auto
}
.moble{
    display: none
}
.pc{
    display: none
}